/*------------手动录入页面样式文件--------*/
/*响应式字体范围*/
html{font-size: 10px;}
@media screen and(min-width: 384px){  html{font-size: 12px!important;}  }
@media screen and(min-width: 480px){  html{font-size: 15px!important;}  }
@media screen and (min-width: 640px){  html{font-size: 20px!important;}  }
.container-fluid{padding: 0!important;}
/*头部样式区*/
body{background: #fff !important;}
.container-fluid{padding: 0 !important;}
#heads{ width: 100%;height: 18rem;position: relative; background: #fff;}
#heads .carousel,#heads .carousel .item{  width: 100%; height: 100%;}
#heads .carousel .item img{width: 100% !important; height: 100% !important;}
#heads .carousel .carousel-inner{width: 100%; height: 100%;}
#heads .carousel .carousel-caption{
    bottom: 0 !important;left: 0 !important; right: 0 !important;padding-top: 5px;
     padding-bottom: 5px; text-align: left;background: hsl(0, 0%, 20%);
    opacity: 0.7;width: 100%;padding-left: 4%;font-size: 1.4rem;
}
#heads .carousel  .carousel-indicators{ bottom: -5px;}
#heads .carousel  .carousel-indicators li{width: 6px;height: 6px;}
#heads .carousel  .carousel-indicators .active{ width: 8px; height: 8px; background: #ccc;}
/*九宫格区样式*/
.contain{width: 100%; margin-top: 2rem}
body .games,body .notices{margin-top: 0rem; padding-top: 1rem; margin-bottom: 1rem; border-top: 0.6rem solid hsl(0, 0%, 96%);
     border-bottom: 0.6rem solid hsl(0, 0%, 96%);
}
body .notices{border-bottom: 0;margin-bottom: 0;}
.contain .contain-main{width: 95%; margin: 0 auto; min-height: 5rem;}
.contain .contain-main .col-xs-4{height: 8rem;padding: 0 10px;margin-bottom: 1rem;}
.col-xs-4 .list{position: relative;border-radius: 2rem;}
.col-xs-4 .list, .col-xs-4 .list img,.col-xs-4 .list a{display: block;width: 100%;height: 100%;cursor: pointer;}
.col-xs-4 .list span{
    position: absolute; display: inline-block;height: 2rem;
    top: 0.2rem;left: 0.4rem;font-size: 1.4rem;
    font-weight: 600;width: 6rem;
}
.col-xs-4 .list .nows{top: 50%;left: 20%;}
.close{font-size: 30px !important;}
.walks span{color:#007dff;}
.sports span{color: #854dea;}
.drinks span{color: #ff7f00;}
.sleep span{color:#02bf09;}
.music span{color: #fb5ab7;}
.pubgs span,.lols span{color: #333;}
.pubgs a,.lols a{
    background: #999;
    width: 100%;
    height: 100%;
    opacity: 50;
    filter:alpha(Opacity=80);
    -moz-opacity:0.5;
    opacity: 0.5;
    z-index:100;
}
/* 饮料页面样式 */
.slideTxtBox{ width:100%; border:1px solid #ddd; text-align:left; overflow: hidden; }
.slideTxtBox .hd{ height:40px; line-height:32px;width: 94%;overflow: hidden; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{       float: left; position: absolute;left: 1rem;
    top: -1px;
    padding: 0;
    margin: 0;
    z-index: 99;
    width: 188%;
    list-style: none;
    height: 32px;  }
.slideTxtBox .hd ul li{     float: left;
    width: 12%;
    text-align: center;
    padding: 0.5rem 0 !important;
    cursor: pointer; }
.slideTxtBox .hd ul li.on{ height:28px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px; margin: 0 !important; zoom:1;  height: 8rem;}
.slideTxtBox .bd li{ list-style: none;min-height: 3rem;  }
.slideTxtBox .bd li p{font-size: 1.5rem}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow,.slideTxtBox .arrows{  
    position: absolute;
    top: 0;
    width: 1.5rem;
    display: inline-block;
    background: #f4f4f4 ;
    height: 100%;
    z-index: 999;}
.slideTxtBox .arrow{
    right: 6px;
}
.slideTxtBox .arrows{
    left: 0px;
}
.slideTxtBox .arrow a,.slideTxtBox .arrows a{ display:block; margin-top: 1.2rem; width:5px; height:9px; float:right; overflow:hidden;
     cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrows a{margin-right: 5px;}
.slideTxtBox .arrow a { margin-right: 8px;}
.slideTxtBox .arrow .nexts{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
.main-txt{border: 1px solid hsl(0, 0%, 80%);margin: 1rem auto; padding: 1rem;}
.main-txt p select{
    width: 60%;
    padding: 0.5rem;
    border-radius: 1.5rem;
    outline: none;
    background: #fff;
    text-indent: 3px;
}
.main-txt .btns{text-align: right;padding-right: 1rem;}
.main-txt .btns .btn{
    padding: 0.5rem 1rem;
    border: none;
    background: hsl(201, 98%, 45%);
    color: hsl(0, 0%, 100%);
    text-align: center;
    cursor: pointer;
}
/*模态框样式 */
.modal{top:30% !important;left: 10% !important; width: 80%;}
.footer-content{width: 90%; margin: 0 auto; position: relative; margin-top: 2rem;}
.footer-content .submits{
    width: 100%;
    padding: 1rem;
    outline: none;
    background: #0c96e4;
    color: #fff;
    border-radius:1.5rem;
    border: 1px solid #f4f4f4; 
}
/* 计步样式 */
.walk { padding:35px 0 0 0;}
.count { position:relative; margin:0 auto 2rem; padding:30px 0; width:86%; min-height:10rem; background:#0295e3; text-align:center; color:#fff; font-size:22px; border-radius:10px; overflow:hidden;}
.count span.info { display:block; font-size:14px; line-height:20px; margin-top:-50px;}
.count .last{width: 50%;float: left; }
.count .avg{width: 50%;margin-left: 50%}
.count span.counts { display:block; width:8rem; height:8rem; margin:0 auto; border-radius:50%; border:12px #84cff7 solid; line-height:75px;}
.advise { padding:20px 7%; color:#333;}
.title { font-weight:bold; line-height:40px; font-size:16px; color:#0295e3;}
.suggest { font-size:14px; line-height:1.5em; padding:12px; background:#eee; border-radius:6px;}
.title  .walk_val{ color: #888;}
